<template>
  <page-header-wrapper :title="false">
    <a-card title="合同基本信息">
      <template slot="extra">
        <a-button size="small" type="danger" icon="edit" @click="getContractStatus">合同待审核</a-button>
      </template>
      <contract-info></contract-info>
      <a-divider />
      <contract-business></contract-business>
      <contract-payment></contract-payment>
      <contract-other></contract-other>
    </a-card>
    <a-modal
      title="编辑合同状态"
      v-model="visible"
      width="200px"
      :footer="null"
    >
      <a-row :gutter="[0,30]">
        <a-col :span="24">
          <a-radio-group name="radioGroup" v-model="statusForm.selection">
<!--            <a-radio :style="radioStyle" :value="1">-->
<!--              审核通过-->
<!--            </a-radio>-->
<!--            <a-radio :style="radioStyle" :value="2">-->
<!--              审核不通过-->
<!--            </a-radio>-->
            <a-radio :style="radioStyle" :value="1">
              提交审核
            </a-radio>
          </a-radio-group>
        </a-col>
        <a-col :span="24" :style="{ textAlign: 'right' }">
          <a-button type="primary" @click="postContractStatus">提交</a-button>
        </a-col>
      </a-row>
    </a-modal>
  </page-header-wrapper>
</template>

<script>
  import ContractInfo from '@/views/contract/components/ContactInfo'
  import ContractBusiness from '@/views/contract/components/ContractBusiness'
  import ContractPayment from '@/views/contract/components/ContractPayment'
  import ContractOther from '@/views/contract/components/ContractOther'

  export default {
    components: {
      ContractInfo,
      ContractBusiness,
      ContractPayment,
      ContractOther
    },
    name: 'ContractDetail',
    data () {
      return {
        visible: false,
        statusForm: {},
        statusOpts: {},
        queryParam: {},
        radioStyle: {
          display: 'block',
          height: '30px',
          lineHeight: '30px'
        }
      }
    },
    methods: {
      getContractStatus () {
        this.visible = true
      },
      postContractStatus () {}
    }
  }
</script>

<style scoped>

</style>
